<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城-首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/font.css">
    <style>
        body {
            background: #f2f2f2;
        }

        .layout {
            width: 1190px;
            margin-left: auto;
            margin-right: auto;
        }

        .floor {
            margin-top: 20px;
        }

        .first_screen {
            background-color: #fff;
        }

        .nav_wrap {
            background-color: #f5f5f5;
            font-size: 12px;
        }

        .nav_wrap a {
            font-family: "iconfont";
        }

        .address_icon {
            color: orange;
            font-size: 16px;
        }

        .shop_icon {
            font-size: 16px;
        }

        .nav_content {
            overflow: hidden;
        }

        .nav_left {
            float: left;
            padding: 10px 0;
        }

        .nav_left a,
        .nav_right a {
            margin: 0 7px;
        }

        .nav_right {
            float: right;
            padding: 10px 0;
        }

        .nav_left a:hover {
            color: orange;
        }

        .nav_right a:hover {
            color: orange;
        }

        .fixed {
            position: fixed;
            z-index: 1;
            bottom: 100px;
        }

        .left_nav {
            border: 1px solid #e8e8e8;
        }

        .left_nav li {
            border: 1px solid #e8e8e8;
            z-index: 1;
            background-color: white;
        }

        .left_nav li:nth-last-child(2) {
            background-color: #F60;
        }

        .left_nav li:nth-last-child(2) a {
            color: white;
        }

        .left_nav a {
            font-family: "iconfont";
            font-size: 14px;
        }

        .left_nav li:hover a {
            color: red;
        }

        .logo_wrap {
            overflow: hidden;
            padding: 23px 0;
        }

        .logo_wrap>div {
            float: left;
        }

        .input_title_wrap {
            margin-left: 150px;
        }

        .input_wrap {
            font-size: 0;
        }

        .search_input {
            font-family: "iconfont";
            width: 420px;
            border: 2px solid #ff6500;
            height: 36px;
            text-indent: 16px;
            outline: none;
            vertical-align: middle;
            overflow: hidden;
        }

        .search_input::placeholder {
            color: #ccc;
        }

        .search_btn {
            width: 118px;
            height: 42px;
            border: none;
            background-color: #ff6500;
            color: white;
            font-size: 20px;
            vertical-align: middle;
            font-family: fantasy;
        }

        .hot_search_wrap {
            margin-top: 10px;
        }

        .hot_search_wrap {
            font-size: 0;
        }

        .hot_search_wrap span {
            color: #333;
            font-size: 12px;
        }

        .hot_search_wrap span {
            padding: 0 10px;
            border-right: 1px solid black;
            cursor: pointer;
        }

        .hot_search_wrap span:first-child {
            padding-left: 0px;
        }

        .hot_search_wrap span:last-child {
            border: none;
        }

        .hot_search_wrap span:hover {
            color: red;
        }

        .icon_menu {
            font-size: 20px;
            float: left;
        }

        .iconfont {
            font-family: "iconfont";
            font-size: 16px;
            font-style: normal;
        }

        .category_hd p {
            font-size: 14px;
            margin-left: 20px;
        }

        .category {
            position: relative;
            width: 190px;
            height: 40px;
            background-color: #ff6500;
            float: left;
        }

        .category_hd {
            color: #fff;
            line-height: 40px;
            padding-left: 10px;
        }

        .category_con {
            z-index: 1;
            position: absolute;
            width: 190px;
            height: 482px;
            background-color: #262221;
            font-size: 14px;
            color: #fff;
            float: left;
        }

        .category_item {
            width: 190px;
            height: 32px;
            line-height: 32px;
            padding-left: 10px;
        }

        .category_item i {
            color: #6e6a69;
        }

        .category_item a {
            color: #fff;
        }

        .nav {
            float: left;
        }

        .nav li {
            float: left;
            height: 40px;
            padding-left: 20px;
            line-height: 40px;
            font-weight: bold;
        }

        .nav li a {
            font-size: 14px;
        }

        .slider_wrap {
            height: 482px;
            position: relative;
        }

        .slider_banner {
            position: absolute;
            left: 50%;
            width: 1920px;
            margin-left: -960px;
        }

        .slider_cont {
            position: relative;
            width: 1190px;
            height: 100%;
            margin: 0 auto;
        }

        .banner01 {
            height: 482px;
            background: #f33853 url(banner.jpg) no-repeat center top;
            z-index: 10;
        }

        .home_right:hover .home_arrow {
            display: block;
        }

        .icon_menu {
            font-size: 20px;
            float: left;
        }

        .arrow_left {
            position: absolute;
            left: 190px;
        }

        .arrow_right {
            position: absolute;
            right: 0;
        }

        .slider_arrow {
            border-radius: 0 5px 5px 0;
            position: absolute;
            top: 50%;
            margin-top: -35px;
            width: 40px;
            height: 70px;
            color: #cfcfd1;
            cursor: pointer;
            line-height: 70px;

        }

        .slider_arrow {
            font-size: 40px;
        }

        .slider_nav {
            width: 214px;
            height: 30px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            margin-left: -107px;
        }

        .slider_nav li {
            margin: 0 5px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #cfcfd1;
            float: left;
            margin: 0 5px;
            cursor: pointer;
        }

        .slider_nav li:hover {
            background-color: #ff6500;
        }

        .slider_nav li.active {
            background-color: #ff6500;
        }

        .time_left {
            width: 788px;
            height: 330px;
            background-color: #fff;
            float: left;
            border-radius: 4px;
        }

        .time_left_top {
            height: 45px;
            border-bottom: 1px solid #ececec;
            margin: 0 20px;
        }

        .time_logo {
            height: 45px;
            float: left;
            font-size: 25px;
            color: red;
            font-weight: bold;
            line-height: 45px;
        }

        .time_text {
            height: 45px;
            float: left;
            line-height: 45px;
            margin-left: 10px;
            font-size: 13px;
        }

        .countdown {
            height: 45px;
            float: left;
            margin-top: 10px;
        }

        .countdown_time {
            width: 25px;
            height: 25px;
            border-radius: 3px;
            background-color: #333;
            font-size: 16px;
            color: #fff;
            line-height: 25px;
            text-align: center;
            float: left;
            margin-left: 10px;
        }

        .time_13 {
            float: right;
            width: 133px;
            height: 24px;
            margin: 12px 19px 0 0;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            cursor: default;
            background-image: linear-gradient(90deg, #f60 7%, #f22 97%);
            border-radius: 31px;
            color: #FFF;
        }

        .time_16 {
            float: right;
            width: 133px;
            height: 24px;
            margin: 12px 19px 0 0;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            cursor: default;
        }

        .time_left_bottom {
            height: 280px;
            width: 100%;
            overflow: hidden;
            position: relative;
            top: -10px;
        }

        .time_left_bottom>ul::after {
            content: "";
            clear: both;
            display: block;
        }

        .time_left_bottom>ul {
            width: 1000px;
        }

        .time_left_bottom>ul>li {
            width: 200px;
            height: 280px;
            float: left;
        }

        .time_left_bottom>ul>li>img {
            display: block;
            width: 170px;
            height: 170px;
            margin: 20px 15px 12px;
        }

        .footer {
            width: 100%;
            height: 340px;
            background-color: #333;
            overflow: hidden;
        }

        .time_left_bottom>ul>li>.title {
            width: 170px;
            height: 20px;
            margin: 0 0 0 20px;
            color: #333;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            word-break: break-all;
        }

        .time_left_bottom>ul>li>.ms-price {
            height: 21px;
            margin: 6px 4px 0 20px;
        }

        .time_left_bottom>ul>li>.ms-price>.gbPrice {
            line-height: 21px;
            color: #F60;
            font-size: 20px;
        }

        .time_left_bottom>ul>li>.ms-price>.refprice {
            line-height: 16px;
            color: #999;
            font-size: 14px;
            margin-left: 6px;
            text-decoration: line-through;
        }

        .time_left_bottom>ul>li>.line {
            float: left;
            margin: 9px 0 0 20px;
            width: 100px;
            height: 4px;
            background: url(../images/sprite.png) 0 -332px;
        }

        .time_left_bottom>ul>li>.line>span {
            float: left;
            height: 4px;
            border-radius: 0 3px 3px 0;
            background: url(../images/sprite.png) -104px -332px;
        }

        .time_left_bottom>ul>li>.precent {
            float: left;
            margin-left: 10px;
            color: #999;
            font-size: 14px;
        }

        .time_right {
            width: 392px;
            height: 330px;
            background-color: #fff;
            float: left;
            margin-left: 10px;
            border-radius: 4px;
        }

        .time_right_top {
            height: 45px;
            border-bottom: 1px solid #ececec;
            margin: 0 20px;
        }

        .time_right_logo {
            height: 45px;
            float: left;
            font-size: 25px;
            font-weight: bold;
            line-height: 45px;
        }

        .more {
            float: right;
            height: 45px;
            line-height: 45px;
            color: #999;
            font-size: 14px;
        }

        .time_right_bottom {
            padding: 17px 20px 12px;
            width: 390px;
            height: 200px;
            box-sizing: border-box;
            position: relative;
        }

        .time_right_bottom>img {
            display: block;
            width: 100%;
            border-radius: 4px;
        }

        .time_right_bottom>.small-logo {
            position: absolute;
            left: 40px;
            top: 55px;
            width: 158px;
            height: 98px;
            border: 1px solid #fff;
            border-radius: 10px 24px 10px 24px;
        }

        .time_right_bottom>.small-logo>.wrap {
            width: 152px;
            height: 92px;
            background: #fff;
            border-radius: 8px 22px 8px 22px;
            margin: 3px;
            overflow: hidden;
        }

        .time_right_bottom>.small-logo>.wrap>img {
            display: block;
            width: 65px;
            height: 30px;
            margin-top: 6px;
            margin-left: 45px;
        }

        .time_right_bottom>.small-logo>.wrap>.desc {
            height: 28px;
            line-height: 28px;
            font-size: 20px;
            color: #333;
            text-align: center;
        }

        .time_right_bottom>.small-logo>.wrap>.time-down {
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            color: #333;
            text-align: center;
        }

        .time_right_bottom>.small-logo>.wrap>.time-down>em {
            color: #ff2517;
        }

        .time_right_footer>ul {
            overflow: hidden;
            margin: 0 auto;
            width: 355px;
        }

        .time_right_footer>ul>li {
            float: left;
            position: relative;
            width: 106px;
            height: 68px;
            border: 1px solid #f2f2f2;
            border-radius: 4px;
            margin-right: 12px;
        }

        .time_right_footer>ul>li .logo {
            display: block;
            width: 90px;
            height: 46px;
            margin: 0 9px 3px;
        }

        .time_right_footer>ul>li .desc {
            color: #333;
            width: 100%;
            height: 14px;
            line-height: 14px;
            font-size: 14px;
            text-align: center;
            overflow: hidden;
        }

        .current {
            margin: 0 !important;
        }

        .ranking_list {
            width: 100%;
            margin-top: 20px;
            overflow: hidden;
        }

        .ranking_list_content {
            width: 1190px;
            margin: 0 auto;
        }

        .ranking_list_content_left {
            float: left;
            width: 392px;
            margin-right: 10px;
            height: 430px;
            background-color: #fff;
        }

        .ranking_list_content_right {
            float: left;
            width: 788px;
            height: 430px;
            background-color: #fff;
        }

        .ranking_list_content_left>.title {
            color: #db5757;
            background: #fdf6f6;
            width: 100%;
            height: 45px;
            padding-right: 10px;
            box-sizing: border-box;
        }

        .ranking_list_content_left>.title>.border {
            background: #db5757;
            float: left;
            width: 5px;
            height: 20px;
            margin-top: 12px;
        }

        .ranking_list_content_left>.title>.text {
            float: left;
            font-weight: bold;
            font-size: 18px;
            line-height: 44px;
            margin-left: 15px;
        }

        .ranking_list_content_left>.content>.tab_list {
            width: 370px;
            height: 39px;
            border-bottom: 1px solid #f2f2f2;
            margin: 0 auto;
            overflow: hidden;
        }

        .ranking_list_content_left>.content ul {
            position: relative;
        }

        .ranking_list_content_left>.content li {
            float: left;
            height: 24px;
            padding: 0 10px;
            overflow: hidden;
            margin: 7px 5px 0;
            text-align: center;
            border-radius: 12px;
            font-size: 14px;
            color: #333;
            line-height: 24px;
            cursor: default;
        }

        .ranking_list_content_left>.content .cur {
            color: #FFF;
            background: #f86e6e;
            background-image: linear-gradient(90deg, #db5757 0, #f86e6e 100%);
        }

        .ranking_list_content_left>.list {
            overflow: hidden;
        }

        .ranking_list_content_left>.list ul {
            float: left;
            width: 350px;
            margin: 12px 20px 0;
        }

        .ranking_list_content_left>.list li {
            position: relative;
            width: 350px;
            height: 90px;
            margin-bottom: 19px;
            font-size: 14px;
        }

        .ranking_list_content_left>.list .lazy_loading {
            float: left;
            width: 90px;
            height: 90px;
            background: 0;
        }

        .ranking_list_content_left>.list .right_content {
            float: left;
            width: 240px;
            margin-left: 20px;
        }

        .ranking_list_content_left>.list .right_content .name {
            width: 240px;
            height: 36px;
            margin-top: 10px;
            line-height: 18px;
            overflow: hidden;
        }

        .ranking_list_content_left>.list .right_content .price {
            float: left;
            font-size: 14px;
            color: #db5757;
            line-height: 20px;
            margin-top: 10px;
        }

        .ranking_list_content_left>.list .right_content .slogon {
            float: right;
            margin-top: 10px;
            background: #ffdfdf;
            color: #db5757;
            padding: 0 6px;
            height: 20px;
            line-height: 20px;
            border-radius: 100px
        }

        .ranking_list_content_right>.title {
            color: #1498e3;
            background: #f7faf9;
            width: 100%;
            height: 45px;
            padding-right: 10px;
            box-sizing: border-box;
        }

        .ranking_list_content_right>.title>.border {
            background: #1498e3;
            float: left;
            width: 5px;
            height: 20px;
            margin-top: 12px;
        }

        .ranking_list_content_right>.title>.text {
            float: left;
            font-weight: bold;
            font-size: 18px;
            line-height: 44px;
            margin-left: 15px;
        }

        .ranking_list_content_right>.content {
            height: 363px;
            margin: 0 10px;
            padding-top: 8px;
            overflow: hidden;
            background: #FFF;
        }

        .ranking_list_content_right>.content ul {
            height: 364px;
        }

        .ranking_list_content_right>.content li {
            position: relative;
            float: left;
            width: 185px;
            height: 181px;
            border-width: 0 1px 1px 0;
            border-color: #f2f2f2;
            border-style: solid;
        }

        .ranking_list_content_right>.content li img {
            position: absolute;
            width: 110px;
            height: 110px;
            top: 0;
            left: 37px;
        }

        .ranking_list_content_right>.content li .name {
            width: 170px;
            height: 20px;
            line-height: 20px;
            margin: 123px auto 0;
            text-align: center;
            font-size: 14px;
            color: #222;
            overflow: hidden;
        }

        .ranking_list_content_right>.content li .like {
            width: 170px;
            height: 14px;
            margin: 6px auto 0;
            color: #1498e3;
            line-height: 14px;
            text-align: center;
            font-size: 14px;
        }

        .ranking_list_content_right>.content li .like i {
            position: relative;
            padding-left: 16px;
        }

        .ranking_list_content_right>.content li .like i em {
            position: absolute;
            top: 2px;
            left: 0;
            width: 12px;
            height: 12px;
            background: url(../images/sprite.png) -731px -116px;
        }

        .ranking_list_content_right>.content .item4 {
            border-width: 0 0 1px 0;
        }

        .ranking_list_content_right>.content .item5 {
            border-width: 0 1px 0 0;
        }

        .ranking_list_content_right>.content .item6 {
            border-width: 0 1px 0 0;
        }

        .ranking_list_content_right>.content .item7 {
            border-width: 0 1px 0 0;
        }

        .ranking_list_content_right>.content .item8 {
            border-width: 0;
        }

        .banner {
            width: 100%;
            height: 100px;
            margin-top: 20px;
        }

        .banner_content {
            width: 1190px;
            height: 100px;
            margin: 0 auto;
        }

        .ad_wrap a {
            float: left;
        }

        .ad_wrap a img {
            width: 397px;
        }

        .ad_wrap .img3 {
            width: 396px;
        }


        .find {
            width: 100%;
            height: 260px;
            margin-top: 20px;
        }

        .find_content {
            width: 1190px;
            height: 260px;
            margin: 0 auto;
        }

        .find_left {
            width: 189px;
            height: 260px;
            float: left;
            box-sizing: border-box;
            cursor: pointer;
            background: url(find01.png);
            padding: 15px 0px 0px 15px;
        }

        .find_left>.text {
            width: 160px;
            height: 89px;
            background: url(find02.png);
        }

        .find_left>.text p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 16px;
            padding-top: 55px;
            padding-left: 20px;
            padding-bottom: 10px;
            display: block;
        }

        .find_right {
            height: 260px;
            float: left;
            overflow: hidden;
            margin-left: 10px;
        }

        .main_find {
            height: 260px;
            background: white;
        }

        .main_find .find_box {
            width: 150px;
            height: 260px;
            padding-top: 50px;
            box-sizing: border-box;
        }

        .main_find a {
            width: 150px;
            height: 260px;
            display: inline-block;
            margin-right: 50px;
        }

        .find_box p {
            display: block;
            float: left;
            width: 150px;
            height: 30px;
            text-align: center;
            font-size: 14px;
            line-height: 30px;
            color: #333;
        }

        .find_box1 p {
            display: block;
            float: left;
            width: 150px;
            height: 21px;
            text-align: center;
            font-size: 14px;
            line-height: 21px;
            color: #333;
        }

        .floor1 {
            width: 100%;
            height: 407px;
            margin-top: 30px;
        }

        .floor1_content {
            width: 1190px;
            height: 407px;
            margin: 0 auto;
        }

        .floor1_left {
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
        }

        .floor1_right {
            width: 590px;
            height: 407px;
            float: left;
            background-color: #fff;
            margin-left: 10px;
            border-radius: 4px;
            box-shadow: 0 0 8px #eee;
            overflow: hidden;
        }

        .floor>.title {
            width: 100%;
            height: 47px;
            background: #f9f9f9;
        }

        .floor>.title>.title_name {
            float: left;
            width: 190px;
            height: 47px;
        }

        .floor>.title>.title_name .border {
            float: left;
            width: 4px;
            height: 20px;
            margin-top: 14px;
        }

        .floor>.title>.title_name .name {
            margin-left: 11px;
            font: bold 18px/44px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            float: left;
        }

        .floor>.title>.title_name .code_wrapper {
            position: relative;
            float: left;
            width: 18px;
            height: 18px;
            margin: 14px 0 0 8px;
            z-index: 1;
        }

        .floor>.title>.title_name .code_wrapper .code-img {
            display: block;
            width: 18px;
            height: 18px;
        }

        .floor>.title .keyword {
            float: right;
            margin: 14px 18px 0 0;
        }

        .floor>.title .keyword a {
            float: right;
            margin-left: 20px;
            font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            color: #666;
            text-decoration: none;
        }

        .floor>.content {
            width: 100%;
            height: 360px;
        }

        .floor>.content .left_img {
            float: left;
            position: relative;
            width: 190px;
            height: 360px;
            cursor: pointer;
        }

        .floor>.content .left_img img {
            display: block;
            width: 190px;
            height: 360px;
        }

        .floor>.content .left_img .cover {
            position: absolute;
            width: 160px;
            height: 60px;
            left: 0;
            bottom: 40px;
            opacity: .5;
            background: #000;
            filter: alpha(opacity=50);
            border-radius: 0 8px 8px 0;
        }

        .floor>.content .left_img .img_name {
            position: absolute;
            top: 267px;
            left: 14px;
            width: 140px;
            height: 24px;
            overflow: hidden;
            color: #FFF;
            font: bold 20px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
        }

        .floor>.content .left_img .img_desc {
            position: absolute;
            top: 296px;
            left: 14px;
            color: #FFF;
            width: 140px;
            height: 16px;
            overflow: hidden;
            font: 12px/16px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
        }

        .floor>.content .img_list {
            position: relative;
            float: left;
            width: 400px;
            height: 360px;
            overflow: hidden;
        }

        .floor>.content .img_list li {
            position: relative;
            display: none;
            float: left;
            width: 199px;
            height: 179px;
            border-width: 0 0 1px 1px;
            border-color: #f9f9f9;
            border-style: solid;
            overflow: hidden;
        }

        .floor>.content .img_list li .img_name {
            width: 180px;
            height: 24px;
            overflow: hidden;
            text-align: center;
            margin: 14px auto 0;
            font: 16px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            color: #333;
        }

        .floor>.content .img_list li .img_desc {
            width: 180px;
            height: 20px;
            overflow: hidden;
            text-align: center;
            margin: 0 auto;
            font: 12px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            position: relative;
            z-index: 1;
        }

        .floor>.content .img_list li img {
            display: block;
            width: 120px;
            height: 120px;
            margin: 0 auto;
            transition: transform .5s;
        }

        .floor>.content .img_list li img:hover {
            transform: scale(1.1);
        }

        .list {
            width: 100%;
            margin-top: 20px;
        }

        .layout:after,
        .clearfix:after,
        .floor:after {
            content: "";
            display: block;
            clear: both;
        }


        .rec_floor .title {
            width: 100%;
            height: 22px;
        }

        .rec_floor .title span {
            float: left;
            width: 3px;
            height: 20px;
            background: #fe9901;
        }

        .rec_floor .title h5 {
            float: left;
            margin-left: 12px;
            font: bold 18px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
        }

        .rec_content {
            margin-top: 8px;
            padding: 1px 0;
            background: #EEE;
        }

        .rec_item {
            position: relative;
            float: left;
            width: 237px;
            height: 340px;
            margin: 1px 0 0 1px;
            background: #FFF;
            overflow: hidden;
        }

        .rec_item a {
            display: block;
            text-decoration: none;
            cursor: pointer;

        }

        .rec_item img {
            display: block;
            width: 200px;
            height: 200px;
            margin: 20px auto 0;
            transition: transform .5s;
        }

        .rec_item img:hover {
            transform: scale(1.05);
            z-index: -1;
        }

        .rec_item_tit {
            width: 193px;
            height: 40px;
            margin: 15px auto 5px;
            overflow: hidden;
            font: 12px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            word-break: break-all;
        }

        a:hover {
            color: #F60;
        }

        .rec_item_price {
            margin-left: 20px;
            color: #F60;
            font: bold 16px/18px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
        }

        .rec_item_tag {
            position: relative;
            width: 200px;
            height: 16px;
            margin: 7px auto 0;
            overflow: hidden;
        }

        .rec_item_price i {
            font-size: 10px;
        }

        .rec_item_tag span {
            float: left;
            padding: 0 2px;
            height: 16px;
            color: #FFF;
            font: 12px/16px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
            background: #F40;
            margin-right: 10px;
            border-radius: 3px;
            white-space: nowrap;
        }

        .rec_item .label_wp {
            position: absolute;
            right: 22px;
            top: 278px;
        }

        .rec_item .same {
            float: left;
            width: 44px;
            height: 20px;
            border: 1px solid #f60;
            border-radius: 4px;
            text-align: center;
            color: #F60;
            line-height: 20px;
            font-size: 14px;
            word-break: keep-all;
        }

        .rec_content .end {
            position: relative;
            width: 112px;
            height: 22px;
            text-align: center;
            color: #CCC;
            margin: 15px auto;
            font: 18px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
        }

        .rec_content .end span {
            position: absolute;
            top: 11px;
            width: 97px;
            height: 1px;
            background: #CCC;
        }

        .rec_content .line_left {
            left: -97px;
        }

        .rec_content .line_right {
            right: -97px;
        }

        .fixed {
            width: 68px;
            height: 180px;
            position: fixed;
            bottom: 100px;
            border: 1px solid #e8e8e8;
            width: 68px;
            background-color: #f8f8f8;
        }

        .fixed_content {
            width: 68px;
            height: 180px;
            margin: 0 auto;
        }

        .fixed_menu li {
            width: 68px;
            height: 28px;
            border-width: 1px 0 0 0;
            border-color: #e8e8e8;
            border-style: solid;
            text-align: center;
            line-height: 28px;
        }

        .fixed_menu {
            font-size: 14px;
        }

        .fixed_content li:nth-last-child(1) {
            color: #F60;
        }

        .fixed_content li:nth-last-child(2) {
            background-color: #F60;
        }

        .fixed_content li:nth-last-child(2) a {
            color: #fff;
        }

        .menu_box a {
            color: rgb(51, 51, 51);
        }

        .menu_box a:hover {
            color: #F60;
        }

        .category_item a {
            color: #fff;
        }

        .category_item a:hover {
            color: #F60;
            cursor: pointer;
        }

        .more a {
            color: #5a626f;
        }

        .floor>.title .keyword a:hover {
            color: #F60;
        }

        .box2 a {
            color: #bfbfbf
        }

        .box2 a:hover {
            color: #F60
        }

        .footer {
            margin-top: 10px;
            padding-top: 17px;
            background: #333333;
        }

        .service_wrap {
            padding-left: 174px;

        }

        .service_item {
            float: left;
            width: 160px;
            padding-right: 20px;
            color: #bfbfbf;
        }

        .service_item dt {
            height: 48px;
            line-height: 48px;
            font-size: 18px;
            color: #a7a7a7;
        }

        .service_item dd {
            font-size: 14px;
        }

        .service_item dd a {
            display: block;
            line-height: 30px;
            color: #b6b6b6;
        }

        .service_item dd a:hover {
            color: #ff6500;
        }

        .copyright {
            border-top: 1px solid #3f3f3f;
            padding: 25px 0;
            text-align: center;
            color: #646464;
            font: 12px/26px simsun;
            margin-top: 35px;
        }

        .copyright div {
            text-align: center;
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <!-- 顶部导航 -->
    <div class="nav_wrap">
        <div class="layout nav_content">
            <div class="nav_left">
                <a href="javascript:;">网站导航 &#xe722;</a>
                <a href="javascript:;">商家入驻 &#xe722;</a>
                <a href="javascript:;">客户服务 &#xe722;</a>
                <a href="javascript:;"> <span class="address_icon">&#xe629;</span> 北京 <span>&#xe615; </span> </a>
            </div>
            <div class="nav_right">
                <a href="javascript:;">请登录</a>
                <a href="javascript:;">注册有礼</a>
                <a href="javascript:;">我的订单 &#xe722;</a>
                <a href="javascript:;">我的购物 &#xe722;</a>
                <a href="javascript:;">小U会员</a>
                <a href="javascript:;"> <span class="shop_icon"> &#xe628;</span> 购物车 &#xe722;</a>
                <a href="javascript:;">易付宝</a>
                <a href="javascript:;">企业采购</a>
                <a href="javascript:;">手机小U &#xe722;</a>
            </div>
        </div>
    </div>
    <div class="first_screen">
        <div class="logo_wrap layout">
            <div>
                <img src="./images/logo.jpg" alt="">
            </div>
            <div class="input_title_wrap">
                <div class="input_wrap">
                    <input class="search_input" type="text" placeholder="&#xe60d; 到店每300减30">
                    <input class="search_btn" type="button" value="搜索">
                </div>
                <div class="hot_search_wrap">
                    <span>手机</span>
                    <span>电动牙刷</span>
                    <span>电视</span>
                    <span>海尔空调</span>
                    <span>洗衣机</span>
                    <span>茅台</span>
                    <span>热水器</span>
                    <span>ipad</span>
                    <span>微波炉</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 左侧导航固定定位 -->
    <div class="fixed">
        <ul class="left_nav">
            <li>
                <a href="javascript:;">特色优选</a>
            </li>
            <li>
                <a href="javascript:;">发现好货</a>
            </li>
            <li>
                <a href="javascript:;">服饰运动</a>
            </li>
            <li>
                <a href="javascript:;">金融阅读</a>
            </li>
            <li>
                <a href="javascript:;">猜你喜欢</a>
            </li>
            <li>
                <a href="javascript:;">&#xe689; 顶部</a>
            </li>
        </ul>
    </div>
    <!--导航栏-->
    <div class="nav_wrap">
        <div class="layout">
            <div class="category">
                <div class="category_hd"><i class="iconfont icon_menu">&#xe83c;</i>
                    <p>全部商品分类</p>
                </div>
                <div class="category_con">
                    <ul>
                        <li class="category_item">
                            <a href="#">手机</a>
                            <i>|</i>
                            <a href="#">运营商</a>
                            <i>|</i>
                            <a href="#">智能数码</a>
                        </li>
                        <li class="category_item">
                            <a href="#">空调</a>
                            <i>|</i>
                            <a href="#">电视</a>
                            <i>|</i>
                            <a href="#">冰箱</a>
                            <i>|</i>
                            <a href="#">洗衣机</a>
                        </li>
                        <li class="category_item">
                            <a href="#">厨卫大电</a>
                            <i>|</i>
                            <a href="#">生活家电</a>
                            <i>|</i>
                            <a href="#">厨具</a>
                        </li>
                        <li class="category_item">
                            <a href="#">电脑办公</a>
                            <i>|</i>
                            <a href="#">相机</a>
                            <i>|</i>
                            <a href="#">DIY</a>
                        </li>
                        <li class="category_item">
                            <a href="#">家居</a>
                            <i>|</i>
                            <a href="#">家具</a>
                            <i>|</i>
                            <a href="#">家装</a>
                            <i>|</i>
                            <a href="#">家纺</a>
                        </li>
                        <li class="category_item">
                            <a href="#">食品</a>
                            <i>|</i>
                            <a href="#">酒水</a>
                            <i>|</i>
                            <a href="#">生鲜</a>
                            <i>|</i>
                            <a href="#">特产</a>
                        </li>
                        <li class="category_item">
                            <a href="#">美妆</a>
                            <i>|</i>
                            <a href="#">个护</a>
                            <i>|</i>
                            <a href="#">清洁</a>
                            <i>|</i>
                            <a href="#">宠物</a>
                        </li>
                        <li class="category_item">
                            <a href="#">母婴</a>
                            <i>|</i>
                            <a href="#">玩具</a>
                            <i>|</i>
                            <a href="#">车床</a>
                            <i>|</i>
                            <a href="#">童装</a>
                        </li>
                        <li class="category_item">
                            <a href="#">运动</a>
                            <i>|</i>
                            <a href="#">户外</a>
                            <i>|</i>
                            <a href="#">足球</a>
                            <i>|</i>
                            <a href="#">跑步机</a>
                        </li>
                        <li class="category_item">
                            <a href="#">男装</a>
                            <i>|</i>
                            <a href="#">女装</a>
                            <i>|</i>
                            <a href="#">内衣</a>
                            <i>|</i>
                            <a href="#">鞋靴</a>
                        </li>
                        <li class="category_item">
                            <a href="#">箱包</a>
                            <i>|</i>
                            <a href="#">钟表</a>
                            <i>|</i>
                            <a href="#">珠宝</a>
                            <i>|</i>
                            <a href="#">艺术</a>
                        </li>
                        <li class="category_item">
                            <a href="#">汽车</a>
                            <i>|</i>
                            <a href="#">汽摩</a>
                            <i>|</i>
                            <a href="#">二手车</a>
                            <i>|</i>
                            <a href="#">车品</a>
                        </li>
                        <li class="category_item">
                            <a href="#">图书</a>
                            <i>|</i>
                            <a href="#">艺术</a>
                            <i>|</i>
                            <a href="#">原版</a>
                            <i>|</i>
                            <a href="#">文学</a>
                        </li>
                        <li class="category_item">
                            <a href="#">医药健康</a>
                            <i>|</i>
                            <a href="#">计生情趣</a>
                        </li>
                        <li class="category_item">
                            <a href="#">理财</a>
                            <i>|</i>
                            <a href="#">分期</a>
                            <i>|</i>
                            <a href="#">保险</a>
                        </li>
                    </ul>
                </div>

            </div>
            <ul class="nav">
                <li>
                    <a href="">
                        限时抢购
                    </a>
                </li>
                <li>
                    <a href="">
                        红孩子
                    </a>
                </li>
                <li>
                    <a href="">
                        小U超市
                    </a>
                </li>
                <li>
                    <a href="">
                        电器城
                    </a>
                </li>
                <li>
                    <a href="">
                        生活家电
                    </a>
                </li>
                <li>
                    <a href="">
                        时尚服饰
                    </a>
                </li>
                <li>
                    <a href="">
                        金融
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--轮播-->
    <div class="slider_wrap">
        <ul class="slider_banner">
            <li class="banner01"></li>
        </ul>
        <div class="slider_cont">
            <ul class="slider_nav">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li class="active"></li>
                <li></li>
            </ul>
            <span class="slider_arrow arrow_left">
                <i class="iconfont icon_arrow">&#xe6e1;</i>
            </span>
            <span class="slider_arrow arrow_right">
                <i class="iconfont icon_arrow">&#xe63c;</i>
            </span>
        </div>
        <!--限时抢购-->
        <div class="floor layout">
            <div class="time_left">
                <div class="time_left_top">
                    <div class="time_logo">
                        限时抢购
                    </div>
                    <div class="time_text">
                        距离下场
                    </div>
                    <div class="countdown">
                        <div class="countdown_time">03</div>
                        <div class="countdown_time">41</div>
                        <div class="countdown_time">16</div>
                    </div>
                    <div class="time_16">
                        16:00场-即将开抢
                    </div>
                    <div class="time_13">
                        13:00场-正在疯抢
                    </div>
                </div>
                <div class="time_left_bottom">
                    <ul>
                        <li>
                            <img src="./images/01.jpg" alt="">
                            <p class="title" title="【预售2月20号发货】【3瓶包 邮】柠檬清爽补水保湿滋润清香洗手液 500ml 清爽护肤">【预售2月20号发货】【3瓶包
                                邮】柠檬清爽补水保湿滋润清香洗手液 500ml 清爽护肤</p>
                            <p class="ms-price">
                                <span class="gbPrice"><i>¥</i><em>6.6</em></span>
                                <span class="refprice"><i>¥</i><em>19.9</em></span>
                            </p>
                            <p class="line"><span style="width:35px;"></span></p>
                            <p class="precent">已抢<i>35</i>%</p>
                        </li>
                        <li>
                            <img src="./images/02.jpg" alt="">
                            <p class="title" title="【2月12日之前发货】鹤年堂 人参黄精八宝茶 正品滋补调理茶 1袋装30包150g">【2月12日之前发货】鹤年堂
                                人参黄精八宝茶 正品滋补调理茶 1袋装30包150g</p>
                            <p class="ms-price">
                                <span class="gbPrice"><i>¥</i><em>9.9</em></span>
                                <span class="refprice"><i>¥</i><em>19.9</em></span>
                            </p>
                            <p class="line"><span style="width:35px;"></span></p>
                            <p class="precent">已抢<i>35</i>%</p>
                        </li>
                        <li>
                            <img src="./images/03.png" alt="">
                            <p class="title" title="苗家十八洞 麻阳冰糖橙2.5斤装 单果果径50-55mm 酸甜多汁 偶数发货">苗家十八洞 麻阳冰糖橙2.5斤装
                                单果果径50-55mm 酸甜多汁 偶数发货</p>
                            <p class="ms-price">
                                <span class="gbPrice"><i>¥</i><em>6.6</em></span>
                                <span class="refprice"><i>¥</i><em>19.9</em></span>
                            </p>
                            <p class="line"><span style="width:35px;"></span></p>
                            <p class="precent">已抢<i>35</i>%</p>
                        </li>
                        <li>
                            <img src="./images/04.jpg" alt="">
                            <p class="title" title="福建六鳌红薯2.5斤小番薯 单果约1两左右 新鲜现挖红蜜薯小番薯山芋">福建六鳌红薯2.5斤小番薯 单果约1两左右
                                新鲜现挖红蜜薯小番薯山芋</p>
                            <p class="ms-price"><span class="gbPrice"><i>¥</i><em>6.8</em></span><span
                                    class="refprice"><i>¥</i><em>39.9</em></span></p>
                            <p class="line"><span style="width:45px;"></span></p>
                            <p class="precent">已抢<i>45</i>%</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="time_right">
                <div class="time_right_top">
                    <div class="time_right_logo">
                        大聚惠
                    </div>
                    <div class="more">
                        <a href="">
                            更多
                            <span class="iconfont">&#xe626;</span>
                        </a>
                    </div>
                </div>
                <div class="time_right_bottom">
                    <div class="small-logo">
                        <div class="wrap">
                            <img src="./images/banner02.jpg">
                            <p class="desc">爆款直降</p>
                            <p class="time-down">仅剩<em>9小时</em></p>
                        </div>
                    </div>
                    <img src="./images/banner01.jpg" alt="">
                </div>
                <div class="time_right_footer">
                    <ul>
                        <li class="">
                            <a sap-expo="true">
                                <img class="logo" src="./images/banner03.jpg">
                                <p class="desc">爆款低至五折</p>
                            </a>
                        </li>
                        <li class="">
                            <a>
                                <img class="logo" src="./images/banner02.jpg">
                                <p class="desc">爆款直降</p>
                            </a>
                        </li>
                        <li class="current"><a>
                                <img class="logo" src="./images/banner04.jpg">
                                <p class="desc">爆款直降</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>



        <div class="floor layout">
            <div class="ranking_list_content_left">
                <div class="title">
                    <span class="border"></span>
                    <p class="text">排行榜</p>
                    <div class="more">
                        <a href="">
                            更多
                            <span class="iconfont">&#xe626;</span>
                        </a>
                    </div>
                </div>
                <div class="content">
                    <div class="tab_list">
                        <ul style="left: 0px;">
                            <li class="cur">精选</li>
                            <li>休闲食品</li>
                            <li>纸品清洁</li>
                            <li>干货调味</li>
                            <li>苏宁生鲜</li>
                            <li>身体护理</li>
                            <li>生活日用</li>
                        </ul>
                    </div>
                </div>
                <div class="list">
                    <ul>
                        <li>
                            <img class="lazy_loading" src="./images/list01.jpg">
                            <div class="right_content">
                                <p class="name">好时 KISSES好时之吻曲奇奶香白巧克力82g</p>
                                <p class="price">¥15.50</p>
                                <p class="slogon">休闲食品销量NO1</p>
                            </div>
                        </li>
                        <li>
                            <img class="lazy_loading" src="./images/list02.jpg">
                            <div class="right_content">
                                <p class="name">蓝月亮 衣领净500g瓶 喷雾头衣领净 衣领清洁剂</p>
                                <p class="price">¥32.90</p>
                                <p class="slogon">纸品清洁销量NO1</p>
                            </div>
                        </li>
                        <li class="current">
                            <img class="lazy_loading" src="./images/list03.jpg">
                            <div class="right_content">
                                <p class="name">加加鲜味鲜生抽500ml 酿造生抽酱油 点蘸凉拌菜炒菜调味料调味品</p>
                                <p class="price">¥5.90</p>
                                <p class="slogon">干货调味销量NO1</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="ranking_list_content_right">
                <div class="title">
                    <span class="border"></span>
                    <p class="text">人气好货</p>
                    <div class="more">
                        <a href="">
                            更多
                            <span class="iconfont">&#xe626;</span>
                        </a>
                    </div>
                </div>
                <div class="content">
                    <ul>
                        <li class="item1">
                            <img src="./images/item1.jpg" class="lazy-loading">
                            <p class="name">美的 料理机</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item2">
                            <img src="./images/item2.jpg" class="lazy-loading">
                            <p class="name">美的智能微波炉</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item3">
                            <img src="./images/item3.jpg" class="lazy-loading">
                            <p class="name">白猫柔顺高效洗衣液</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item4">
                            <img src="./images/item4.jpg" class="lazy-loading">
                            <p class="name">伊莱克斯 咖啡机</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item5">
                            <img src="./images/item5.jpg" class="lazy-loading">
                            <p class="name">智能加湿 空气净化器</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item6">
                            <img src="./images/item6.jpg" class="lazy-loading">
                            <p class="name">小熊全自动煎药壶</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item7">
                            <img src="./images/item7.jpg" class="lazy-loading">
                            <p class="name">象印不锈钢电水壶</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                        <li class="item8">
                            <img src="./images/item8.jpg" class="lazy-loading">
                            <p class="name">康巴赫防溢不粘炖锅</p>
                            <p class="like"><i><em></em>318</i>人都说好</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="floor ad_wrap layout">
            <a href="">
                <img class="img1" src="./images/img1.jpg" alt="">
            </a>
            <a href="">
                <img class="img2" src="./images/img2.jpg" alt="">
            </a>
            <a href="">
                <img class="img3" src="./images/img3.jpg" alt="">
            </a>
        </div>
        <div class="floor layout">
            <div class="find_left">
                <div class="text">
                    <p>探索新生活 <span class="iconfont">&#xe626;</span></p>
                </div>
            </div>
            <div class="find_right">
                <div class="main_find">
                    <a href="#" class="find_box">
                        <p>小米 大风量 吹风机</p>
                        <img src="images/k1.webp" alt="">
                    </a>
                    <a href="#" class="find_box1">
                        <img src="images/k2.webp" alt="">
                        <p>雷蛇 机械键盘</p>
                    </a>
                    <a href="#" class="find_box">
                        <p>美心 椰心 鸡蛋卷</p>
                        <img src="images/k3.webp" alt="">
                    </a>
                    <a href="#" class="find_box1">
                        <img src="images/k4.webp" alt="">
                        <p>不锈钢 梳妆台</p>
                    </a>
                    <a href="#" class="find_box" style="margin-right: 22px;">
                        <p>26支专业套装套刷</p>
                        <img src="images/k5.webp" alt="">
                    </a>
                </div>
            </div>
        </div>
        <div class="floor layout">
            <div class="floor floor1_left">
                <div class="title">
                    <div class="title_name">
                        <span class="border" style="background: #3299CC;"></span>
                        <p class="name" style="color: #3299CC;">智能数码</p>
                        <div class="code_wrapper">
                            <img class="code_img" src="./images/code1.png">
                        </div>
                    </div>
                    <div class="keyword clearfix">
                        <a href="" target="_blank">智能门锁</a>
                        <a href="" target="_blank">平衡车</a>
                        <a href="" target="_blank">智能手表</a>
                        <a href="" target="_blank">智能音箱</a>
                        <a href="" target="_blank">智能频道</a>
                    </div>
                </div>
                <div class="content">
                    <div class="left_img">
                        <img alt="智能数码" src="./images/b_img1.jpg">
                        <div class="cover"></div>
                        <p class="img_name">智能数码</p>
                        <p class="img_desc">爆款门锁直降</p>
                        <a href="" target="_blank"></a>
                    </div>
                    <ul class="img_list clearfix">
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">小天才手表</p>
                                <p class="img_desc" style="color: #3299CC;">儿童手表低至348起</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good01.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">智能数码闹元宵</p>
                                <p class="img_desc" style="color: #3299CC;">爆款至高12期免息</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good02.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">家居品类日</p>
                                <p class="img_desc" style="color: #3299CC;">领券下单省100</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good03.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">智能潮品</p>
                                <p class="img_desc" style="color: #3299CC;">爆款低至79元</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good04.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="floor floor1_right">
                <div class="title">
                    <div class="title_name">
                        <span class="border" style="background: #558CCF;"></span>
                        <p class="name" style="color: #558CCF;">汽车</p>
                        <div class="code_wrapper">
                            <img class="code_img" src="./images/code2.png">
                        </div>
                    </div>
                    <div class="keyword clearfix">
                        <a href="" target="_blank">车管家</a>
                        <a href="" target="_blank">易好车</a>
                        <a href="" target="_blank">汽车广场</a>
                        <a href="" target="_blank">苏宁汽车</a>
                    </div>
                </div>
                <div class="content">
                    <div class="left_img">
                        <img alt="智能数码" src="./images/b_img2.jpg">
                        <div class="cover"></div>
                        <p class="img_name">车载空净半价购</p>
                        <p class="img_desc">健康保价</p>
                        <a href="" target="_blank"></a>
                    </div>
                    <ul class="img_list clearfix">
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">新车会场</p>
                                <p class="img_desc" style="color: #558CCF;">购车送油卡</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good05.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">品质二手车</p>
                                <p class="img_desc" style="color: #558CCF;">首付低至一成</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good06.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">分期购车</p>
                                <p class="img_desc" style="color: #558CCF;">一成首付 妙提新车</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good07.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">电摩新年焕新</p>
                                <p class="img_desc" style="color: #558CCF;">爆品预售定金翻倍抵</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good08.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="floor layout">
            <div class="floor floor1_left">
                <div class="title">
                    <div class="title_name">
                        <span class="border" style="background: #C96B2C;"></span>
                        <p class="name" style="color: #C96B2C;">生活家电</p>
                        <div class="code_wrapper">
                            <img class="code_img" src="./images/code3.png">
                        </div>
                    </div>
                    <div class="keyword clearfix">
                        <a href="" target="_blank">个人健康</a>
                        <a href="" target="_blank">厨房电器</a>
                        <a href="" target="_blank">炊具</a>
                        <a href="" target="_blank">生活电器</a>
                    </div>
                </div>
                <div class="content">
                    <div class="left_img">
                        <img alt="智能数码" src="./images/b_img3.jpg">
                        <div class="cover"></div>
                        <p class="img_name">生活家电</p>
                        <p class="img_desc">9.9抢好货</p>
                        <a href="" target="_blank"></a>
                    </div>
                    <ul class="img_list clearfix">
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">生活电器</p>
                                <p class="img_desc" style="color: #C96B2C;">戴森直降700</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good09.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">烹饪炊具</p>
                                <p class="img_desc" style="color: #C96B2C;">满299减40</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good10.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">厨房电器</p>
                                <p class="img_desc" style="color: #C96B2C;">爆款99元起</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good11.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">个护健康</p>
                                <p class="img_desc" style="color: #C96B2C;">爆款买赠好礼</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good12.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="floor floor1_right">
                <div class="title">
                    <div class="title_name">
                        <span class="border" style="background: #B15641;"></span>
                        <p class="name" style="color: #B15641;">家装建材</p>
                        <div class="code_wrapper">
                            <img class="code_img" src="./images/code3.png">
                        </div>
                    </div>
                    <div class="keyword clearfix">
                        <a href="" target="_blank">家装馆</a>
                        <a href="" target="_blank">卫浴馆</a>
                        <a href="" target="_blank">家具馆</a>
                        <a href="" target="_blank">家装狂欢购</a>
                    </div>
                </div>
                <div class="content">
                    <div class="left_img">
                        <img alt="智能数码" src="./images/b_img4.jpg">
                        <div class="cover"></div>
                        <p class="img_name">车载空净半价购</p>
                        <p class="img_desc">健康保价</p>
                        <a href="" target="_blank"></a>
                    </div>
                    <ul class="img_list clearfix">
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">A家家具</p>
                                <p class="img_desc" style="color: #B15641;">领券立减50</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good13.png">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">卫浴馆</p>
                                <p class="img_desc" style="color: #B15641;">每100减20</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good14.png">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">五金电工</p>
                                <p class="img_desc" style="color: #B15641;">爆款低至7折</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good15.jpg">
                            </a>
                        </li>
                        <li style="display: list-item;">
                            <a href="" class="click-wrapper" target="_blank">
                                <p class="img_name">公牛钜惠日</p>
                                <p class="img_desc" style="color: #B15641;">每300减15</p>
                            </a>
                            <a href="" class="img-wrapper" target="_blank">
                                <img src="./images/good16.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="floor ad_wrap layout">
            <a href="">
                <img class="img1" src="./images/img1.jpg" alt="">
            </a>
            <a href="">
                <img class="img2" src="./images/img2.jpg" alt="">
            </a>
            <a href="">
                <img class="img3" src="./images/img3.jpg" alt="">
            </a>
        </div>


        <div class="floor rec_floor layout">
            <div class="title">
                <span class="border"></span>
                <h5>猜你喜欢</h5>
            </div>
            <div class="rec_content">
                <ul class="clearfix">
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                    <li class="rec_item">
                        <a href="" target="_blank" title="【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白">
                            <img src="./images/list_img01.jpg">
                            <p class="rec_item_tit">【三只松鼠_开心果100g】休闲零食每日坚果特产炒货干果孕妇无漂白</p>
                            <p class="rec_item_price"><i>¥</i>44.90</p>
                            <p class="rec_item_tag"><span>秒杀</span><span>领券88-5</span></p>
                        </a>
                        <div class="label_wp">
                            <a href="" class="same" target="_blank">找相似</a>
                        </div>
                    </li>
                </ul>
                <p class="end">
                    <span class="line_left"></span>END<span class="line_right"></span>
                </p>
            </div>
        </div>
        <!--footer-->
        <div class="footer">
            <div class="layout">
                <div class="clearfix service_wrap">
                    <dl class="service_item">
                        <dt>购物指南</dt>
                        <dd>
                            <a href="">
                                购物流程
                            </a>
                            <a href="">
                                支付方式
                            </a>
                            <a href="">
                                配送方式
                            </a>
                        </dd>
                    </dl>
                    <dl class="service_item">
                        <dt>售后服务</dt>
                        <dd>
                            <a href="">
                                售后政策
                            </a>
                            <a href="">
                                价格保护
                            </a>
                            <a href="">
                                退款说明
                            </a>
                            <a href="">
                                返修/退换货
                            </a>
                            <a href="">
                                取消订单
                            </a>
                        </dd>
                    </dl>
                    <dl class="service_item">
                        <dt>配送方式</dt>
                        <dd>
                            <a href="">
                                上门自提
                            </a>
                            <a href="">
                                211限时达
                            </a>
                            <a href="">
                                配送服务查询
                            </a>
                            <a href="">
                                配送费收取标准
                            </a>
                            <a href="">
                                海外配送
                            </a>
                        </dd>
                    </dl>
                    <dl class="service_item">
                        <dt>用户帮助</dt>
                        <dd>
                            <a href="#">免费注册</a>
                            <a href="#">找回密码</a>
                            <a href="#">常见问题</a>
                            <a href="#">优惠券使用</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="copyright">
                <p> Copyright&copy;2010-2020 小U商城 版权所有 保留一切权利</p>
                <p> 京ICP备10218183 京ICP证161188号 京公网安备 11010802020593号 出版经营许可证新出发京批字第直130052号</p>
            </div>
        </div>
        <div class="fixed">
            <div class="fixed_content">
                <ul class="fixed_menu">
                    <li>
                        <a href="#">特色优选</a>
                    </li>
                    <li>
                        <a href="#">发现好货</a>
                    </li>
                    <li>
                        <a href="#">服饰运动</a>
                    </li>
                    <li>
                        <a href="#">金融阅读</a>
                    </li>
                    <li>
                        <a href="#">猜你喜欢</a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe60d;</span>
                            顶部
                        </a>
                    </li>
                </ul>
            </div>
        </div>
</body>

</html>